$(function(){
    
    $("#progressbar").progressbar({value: 37});
    
    $("#btnRegPhone").bind("click", function(e){
        var phone = $("#inpPhone").val();
        RegisterPhone(phone);
        //alert("phone: "+phone);
    });
    
    $("#btnCall").bind("click", function(e){
        var phone = $("#inpPhone").val();
        emuCall(phone);
        //alert("phone: "+phone);
    });
    
});


function RegisterPhone(phone)
{
    // сменить панель
    changePanel("#inpBox", "#infBox");
    // послать запрос
    sendRequest(phone);
    // считать времЯ
    // принЯть запрос и в зависимости от результата показать нужный ответ (панель)
}

function changePanel(sour, dest)
{
    $(sour).hide();
    $(dest).show();
}


function sendRequest(phone)
{
    $.ajax({
        url: "ajax-caller.php?phone="+phone,
        dataType: 'json',
        success: function(data)
        {
            if(data == "OK")
            {
                changePanel("#infBox", "#resBox");
            }
            else
            {
                changePanel("#infBox", "#errBox");
            }
            //alert(data);
        }
    });
}

function emuCall(phone)
{
    $.ajax({
        url: "call.php?phone="+phone,
        dataType: 'json',
        success: function(data)
        {
            //alert(data);
        }
    });
}